<div class="tab-bar-fixed">
	<div class="tab-bar">
		{% if index == 0 %}
			<a class="tab active" href="javascript:;" data-href="/">
				<i class="home-icon-active"></i>
				<span class="text">课程主页</span>
			</a>
		{% else %}
			<a class="tab" href="javascript:;" data-href="/">
				<i class="home-icon"></i>
				<span class="text">课程主页</span>
			</a>
		{% endif %}
		{% if index == 1 %}
			<a class="tab active" href="javascript:;" data-href="/account/course/list">
				<i class="list-icon-active"></i>
				<span class="text">已购课程</span>
			</a>
		{% else %}
			<a class="tab {{ 'active' if index == 1 }}" href="javascript:;" data-href="/account/course/list">
				<i class="list-icon"></i>
				<span class="text">已购课程</span>
			</a>
		{% endif %}
		{% if index == 2 %}
			<a class="tab active" href="javascript:;" data-href="/account">
				<i class="user-icon-active"></i>
				<span class="text">个人中心</span>
			</a>
		{% else %}
			<a class="tab" href="javascript:;" data-href="/account">
				<i class="user-icon"></i>
				<span class="text">个人中心</span>
			</a>
		{% endif %}
		
	</div>
</div>